<%-- 
    Document   : comentarios
    Created on : 24/Abr/2009, 14:54:49
    Author     : WorkStation
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
   <html>
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <jsp:useBean id="testBean"   scope="page"
                     class="carpool.test.TestBean" />

        <link type="text/css" href="resources/css/smoothness/jquery-ui-1.7.1.custom.css" rel="stylesheet" />

        <title>Comentários</title>


        <style type="text/css">
            body {
                font-family: Arial, sans-serif;
                font-size: 0.85em;
            }
            p {
                margin: 1em 0;
            }
            button {
                width: 100%;
                font-family: Arial, sans-serif;
            }

            .ui-layout-pane-west {
                /* OVERRIDE 'default styles' */
                padding: 0 !important;
                overflow: hidden !important;
            }
        </style>


        <script type="text/javascript" src="resources/js/jquery-1.3.2.js"></script>
        <script type="text/javascript" src="resources/js/jquery-ui-1.7.1.custom.min.js"></script>
        <script type="text/javascript" src="resources/js/carpool.js"></script>
        <!-- layout include -->
        <script type="text/javascript" src="resources/js/jquery.ui.all.js"></script>
        <script type="text/javascript" src="resources/js/jquery.layout.js"></script>

        <script type="text/javascript">

            var outerLayout; // init global vars

            $(document).ready( function() {

                // PAGE LAYOUT
                outerLayout = $('body').layout({
                    applyDefaultStyles:	true
                    // AUTO-RESIZE Accordion widget when west pane resizes
                    ,	west__onresize:		function () { $("#accordion").accordion("resize"); }
                    ,	west__size:			250
                    ,	east__size:			280
                    ,   east__resizable:    false
                    ,   east__closable:     false
                });

                // ACCORDION - inside the West pane
                $("#accordion").accordion({
                    fillSpace: true
                });

                // tabs and calendar
                $("#tabs").tabs();

                $("#datepicker").datepicker({altField: '#alternate', altFormat: 'DD, d MM, yy'});


            });

        </script>

    </head>
    <body>

        <div class="ui-layout-west">
        <p><a href="personal_profile_page.jsp"><button>Página do Utilizador</button></a></p>
        <p><a href="dar_boleia.jsp"><button>Dar Boleia</button></a></p>
        <p><a href="aproveitar_boleia.jsp"><button>Aproveitar Boleia</button></a></p>
        <p><a href="comentarios.jsp"><button>Comentários</button></a></p>
        </div>


        <div class="ui-layout-center">
        <div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>Comentários</span></a></li>
        
    </ul>
        <div id="fragment-1">
          <p>First tab is active by default:</p>
           <pre><code>$('#example').tabs();</code></pre>
        </div>
    </div>

        </div>



        <div class="ui-layout-north"> North Pane
        </div>

        <div class="ui-layout-south"> South Pane
        </div>

        <div class="ui-layout-east"> East Pane
        </div>

    </body>
</html>

